www.gusucode.com > 种植养殖类网站源码 农场网站模板通用版模板(demo6) > 种植养殖类网站源码 农场网站模板通用版模板(demo6)/style/css/master.css
@charset "utf-8"; body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2 { margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;} input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;} ul, li, dl, dt, dd, ol { display: block; list-style: none; } img{ border: 0;display:block} .clear { clear:both;} a{text-decoration:none;outline:0;} center{padding:20px 0;} /* fixed */ .fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;} .fixed a{display:block;width:55px;height:53px;} .book{background:url(../images/fixed.jpg) 0 0 no-repeat;} .book:hover{background-position:-54px 0;} .fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;} .fixed a.codepic:hover{background-position:-54px -53px;} .fixed div{position:relative;} .fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;} .fixed a.backup:hover{background-position:-54px -158px;height:53px;} .fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;} /* top */ body{overflow-x:hidden;width:100%;background:url(../images/bg.jpg) 0 0 repeat;} .banner{width:100%;overflow:hidden;height:auto;position:relative;} .top_white{position:absolute;width:100%;height:116px;left:0;top:0;background:#fff;filter:alpha(opacity=70);opacity: 0.7;z-index:1} .top_bg{width:100%;height:116px;position:absolute;left:0;top:0;z-index:2;background:url(../images/parva.png) 69.625% 0 no-repeat;} .banner_img{display:block;margin:0 auto;} .top{position:absolute;width:980px;height:116px;left:50%;margin-left:-490px;top:0;z-index:3} .logo{float:left;margin-top:22px;} .search{height:62px;float:right;margin:32px 7px 0 0;overflow:hidden} .text{width:159px;float:left;font:14px/21px 'microsoft yahei';color:#d29956;text-indent:22px;height:21px;padding:8px 0;border:0;background:url(../images/text.png) 0 0 no-repeat;*height:21px;margin-top:11px;} .select{float:left;width:90px;border:0;background:url(../images/select.png) 0 0 no-repeat;margin-top:11px;} .btn{float:left;background:url(../images/btn.png) no-repeat 0 0;width:61px;height:61px;border:0;cursor:pointer} .select select{margin:5px auto;width:90px;} .searchBar span{ float:right; margin-top:6px;} .searchBar span a{ color:#666; margin-right:8px;} .searchBar span a:hover{ color:#ef9b11;} .searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;} .searchBar .text {float:left;} .searchBar .text input{width:302px; padding-top:3px; height:17px; border:1px solid #b7d1eb;} div.selectbox-wrapper{overflow:hidden;width:90px;position: absolute;text-align:left;*margin-top:0;z-index:11;background:#fff;} div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c} div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:90px;cursor:pointer;line-height:20px;padding-top: 3px;font-size:14px;font-family:'微软雅黑';color:#666;} div.selectbox-wrapper ul li.selected {background-color: #ff8a00;color:#fff;} .selectbox{border:none;display:block;width:90px;background:none;text-indent:10px;cursor:pointer;height:37px;font-size:14px;font-family:'microsoft yahei';color:#fff;line-height:37px;} /* nav */ .nav_bg{width:100%;height:58px;background:#266600;position: absolute;z-index:2;left:0;top:116px;} .nav{width:980px;height:58px;margin:0 auto;} .nav li{width:120px;height:58px;float:left;text-align:center;position:relative;z-index:111} .nav li a{font:16px/58px "microsoft yahei";color:#fff;overflow: hidden; display:block} .nav li dl{position: absolute;left:0;top:58px;width:120px;z-indeX:111;display:none} .nav li dl dd{width:120px;height:37px;margin-top:1px;background:url(../images/navbg.png) 0 0 repeat;overflow: hidden;} .nav li dl dd a{font:14px/37px "microsoft yahei";overflow: hidden;} .nav li.ybg{background:#ffa800} /* con */ .con_top{position: absolute;width:1000px;background:url(../images/con_top.png) 0 0 no-repeat;height:125px;bottom:0;left:50%;margin-left:-500px;overflow: hidden;} .top_box{width:952px;height:75px;margin:27px auto 0;position:relative;background:url(../images/titlebg1.jpg) center bottom no-repeat;} .sub_top_box{width:952px;height:75px;margin:27px auto 0;position:relative;} .dot1{position: absolute;left:0;top:0} .dot2{position: absolute;right:0;top:0;z-index:999} .notice{width:456px;height:35px;position:absolute;left:248px;top:0;overflow: hidden;background:url(../images/notice.jpg) 0 center no-repeat;font:14px/35px "microsoft yahei";color:#ab5f00;} .notice span{float:left;display:block;width:110px;text-align:right;} .notice marquee{float:left;width:344px;} .con1_name{width:200px;height:42px;position: absolute;left:84px;top:24px;overflow:hidden;} .con1_name span{font:20px/22px "microsoft yahei";color:#ab5f00;} .con1_name p{font:18px/20px "tahoma";color:#ab5f00;text-transform:uppercase;} .con1_more{display:block;width:140px;height:36px;text-align:center;font:16px/36px "microsoft yahei";color:#fff;position: absolute;right:5px;bottom:5px;} /* content */ .content_bg{width:100%;height:auto;background:url(../images/bg2.jpg) 0 0 repeat-x;padding-bottom:24px;} .content{width:1000px;height:auto;overflow:hidden;margin:0 auto;background:url(../images/conbg.png) 0 0 repeat-y;} .con1{width:944px;height:366px;margin:0 auto;overflow: hidden;} .con_bottom{display:block;width:1000px;margin:0 auto;} .class_img{display:block;float:left;width:260px;height:342px;} .con1_list{float:left;width:684px;height:342px;overflow: hidden;} .con1_list li{float:left;width:228px;height:171px;overflow:hidden;position:relative;} .con1_box{position: absolute;left:228px;top:0;width:228px;height:171px;background:url(../images/con1bg.png) 0 0 repeat;overflow:hidden;} .con1_box p{width:170px;margin:24px auto 6px;font:18px/30px "microsoft yahei";color:#888;overflow:hidden} .con1_box p a{color:#888} .con1_box p a:hover{color:#daac24;} .con1_box div{width:170px;height:80px;margin:0 auto;font:14px/20px "microsoft yahei";color:#898989;overflow: hidden;} /* con2 */ .con2{width:944px;height:372px;margin:0 auto;overflow: hidden;} .con2_news{width:463px;height:372px;float:left;overflow: hidden;} .con2_title{width:463px;background:url(../images/titlebg2.jpg) 0 0 no-repeat;height:70px;position:relative;} .con2_name{position: absolute;width:140px;height:42px;left:62px;top:16px;overflow:hidden;} .con2_name span{font:20px/22px "microsoft yahei";color:#ab5f00;} .con2_name p{font:18px/20px "tahoma";color:#ab5f00;text-transform:uppercase;} .con2_title a{display:block;width:140px;height:40px;float:right;text-align:center;font:16px/40px "microsoft yahei";color:#fff;margin-top:29px;} .con2_news_list{width:463px;height:auto;overflow:hidden;padding-top:25px;} .con2_news_list li{width:100%;height:96px;overflow: hidden;} .date{float:left;background:url(../images/date.jpg) 0 0 no-repeat;width:79px;height:73px;text-align:center;font:36px/73px "microsoft yahei";color:#fff;overflow:hidden;} .news_right{float:left;width:350px;height:80px;overflow: hidden;padding-left:26px;} .news_right p{width:100%;height: 24px;overflow: hidden} .news_right p a{font:16px/24px "microsoft yahei";color:#000;} .news_right p a:hover{color:#daac24;} .news_right div{width:350px;height:52px;font:14px/26px "microsoft yahei";overflow: hidden;color:#ababab;} .con2_right{float:left;width:408px;height:372px;padding-left:37px;overflow:hidden;} .contact_top{width:408px;height:168px;position: relative;} .contact_top p{position: absolute;width:132px;height:34px;text-align:center;left:140px;top:104px;font:16px/34px "microsoft yahei";color:#ededed} .con2_tel{width:343px;height:52px;background:url(../images/tel.jpg) 0 0 no-repeat;padding-left:65px;font:700 20px/52px "microsoft yahei";} .con2_tel font{color:#ff8a00;float:left} .con2_tel span{color:#1c3d01;float:left} .con2_tel i{color:#b40400;float:left;font-style: inherit;padding-left:2px;} .con2_conctact{width:400px;padding-left:8px;height:180px;font:14px/30px "microsoft yahei";color:#232323;} /* con3 */ .con3{width:952px;height:328px;margin:0 auto;overflow: hidden;} .con3_title{background:url(../images/titlebg3.jpg) 0 0 no-repeat;width:948px;height:81px;position: relative;} .con3_name{position: absolute;width:160px;height:42px;left:67px;top:28px;overflow: hidden;} .con3_name span{font:20px/22px "microsoft yahei";color:#ab5f00} .con3_name p{font:18px/20px "tahoma";color:#ab5f00;text-transform: uppercase;} .con3_title a{display:block;float:right;width:140px;height:40px;text-align:center;font:16px/40px "microsoft yahei";color:#fff;margin-top:41px;} .con3_list{width:948px;padding:23px 0 0 4px;overflow: hidden} .con3_list li{width:237px;height:228px;float:left;overflow: hidden;} .con3_link{display:block;width:232px;height:39px;margin-top:5px;background:#252525;font:16px/39px "microsoft yahei";color:#fff; text-align:center;overflow: hidden;} .con3_link:hover{background:#255f02} /* con4 */ .con4{height:310px;width:962px;margin:0 auto;overflow: hidden;} .con4_left{float:left;width:472px;height:310px;overflow: hidden;} .con4_left_title{width:472px;height:70px;margin-top:14px;background:url(../images/titlebg4.jpg) 0 0 no-repeat;position:relative;} .con4_left_name{position: absolute;width:140px;height:42px;left:56px;top:14px;} .con4_left_name span{font:20px/22px "microsoft yahei";color:#ab5f00;} .con4_left_name p{font:18px/20px "tahoma";color:#ab5f00;text-transform:uppercase;} .con4_left_title a{display:block;width:140px;height:40px;text-align:center;font:16px/40px "microsoft yahei";color:#fff;margin-top:30px;float:right} .con4_about{width:442px;padding:22px 0 0 18px;font:14px/28px "microsoft yahei";color:#000;height:196px;overflow: hidden} .con4_right{float:left;width:474px;height:310px;padding-left:7px;overflow: hidden;} .con4_right_title{width:474px;height:84px;background:url(../images/titlebg5.jpg) 0 0 no-repeat;position: relative;} .con4_right_name{position: absolute;width:140px;height:42px;left:52px;top:28px;overflow: hidden;} .con4_right_name span{font:20px/22px "microsoft yahei";color:#ab5f00} .con4_right_name p{font:18px/20px "tahoma";color:#ab5f00;text-transform: uppercase;} .con4_right_title a{display:block;float:right;width:140px;height:40px;text-align:center;font:16px/40px "microsoft yahei";color:#fff;margin-top:44px;} .con4_advantage{width:440px;padding:22px 0 0 14px;overflow: hidden;font:14px/28px "microsoft yahei";color:#000;height:196px;} /* foot */ .links_bg{background:url(../images/linksbg.jpg) 0 0 no-repeat;width:976px;height:52px;margin:0 auto;padding-bottom:11px;overflow: hidden} .links_bg p{float:left;font:700 18px/52px "microsoft yahei";color:#fff;padding-left:98px;width:86px;height:52px;} .links_bg a{float:left;font:14px/52px "microsoft yahei";color:#fff;margin-right:22px;} .foot{width:976px;margin:6px auto;height:56px;text-align:center;font:14px/28px "microsoft yahei";color:#525252} .foot span{margin:0 6px;} .foot a{color:#525252} /* sub page */ .sub_bg{width:1000px;height:auto;margin:0 auto;background:url(../images/conbg.png) 0 0 repeat-y;} .sub_page{width:944px;margin:0 auto;overflow:hidden;height:auto;position:relative;top:-32px;z-index:1} .sub_top{height:74px;} .left{float:left;width:207px;padding-top:22px;} .left_title1{background:url(../images/lefttitle1.jpg) 0 0 no-repeat;width:207px;height:91px;font:22px/91px "microsoft yahei";color:#fff;text-align:center;margin-bottom:2px;} .left_nav{width:207px;height:auto;overflow: hidden;} .left_nav li a{display:block;width:207px;height:50px;font:16px/50px "microsoft yahei";margin-bottom:2px;background:#255f02;color:#fff;text-indent:26px;overflow: hidden} .left_nav li li a{display:block;width:207px;height:50px;font:16px/50px "microsoft yahei";margin-bottom:2px;background:#255f02;color:#fff;text-indent:46px;} .left_nav li a:hover{background:#ffa800} .left_title2{width:207px;background:url(../images/lefttitle2.jpg) 0 0 no-repeat;height:91px;padding-top:10px;text-align:center;font:22px/91px "microsoft yahei";color:#fff;margin-top:24px;overflow: hidden} .left_contact{width:207px;height:auto;margin-bottom:15px;overflow: hidden;font:12px/28px "microsoft yahei";color:#232323} .left_contact h2{width:100%;font:700 20px/46px "tahoma";color:#b40400} .right{float:left;width:716px;padding-left:21px;height:auto;overflow:hidden} .right_title{background:url(../images/right_name.jpg) 0 0 no-repeat;width:716px;height:52px;overflow: hidden;padding-top:20px} .right_title span{float:left;font:20px/52px "microsoft yahei";color:#ab5f00;margin-left:85px;} .right_title p{float:right;font:12px/52px "microsoft yahei";color:#ac794e;padding-right:12px;} .right_title p a{color:#ac794e} .right_con{width:100%;height:auto;padding:12px 0;overflow: hidden;font:14px/30px "microsoft yahei";color:#3b3b3b} .right_con div{ font-size:14px;} .right_con p{ font-size:14px;} /* product */ .product{width:711px;padding-left:4px;overflow: hidden} .product li{width:237px;height:238px;float:left;overflow: hidden} .pro_img{display:block;width:232px;height:174px;overflow: hidden} .pro_font{display:block;width:232px;height:39px;background:#252525;font:16px/39px "microsoft yahei"; text-align:center;overflow: hidden;color:#fff;margin-top:5px} .pro_font:hover{background:#255f02} /* pages */ .pages {padding: 30px 0 30px;text-align: center} .pages li {display: inline} .pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #255f02; background: #255f02;color: #fff;text-decoration: none} .pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px} /* news */ .news{width:690px;margin:0 auto;height:auto;overflow: hidden;} .news li{width:100%;height:38px;background:url(../images/icons1.jpg) 0 center no-repeat;overflow: hidden;} .news li a{float:left;font:14px/38px "microsoft yahei";color:#000;padding-left:24px} .news li span{float:right;font:12px/38px "microsoft yahei";color:#343434} .news li.none{margin-bottom:15px;} /* book*/ .bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto} .bookmain div{font-size:12px} .bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;} .book3{ width:550px; margin:0 auto;} .booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;} .booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;} .booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;} .bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);} .bookadmin{ width:650px; height:auto; float:left;} .bookadmin_top{ width:650px; height:12px; float:left;} .bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);} .messagecol{ color:rgb(30,54,1);} .admincol{ color:rgb(30,54,1); font-weight:bold;} .admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;} .message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);} .message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;} .message li input{ height:15px; line-height:15px; width:150px;} .message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:12px;} .message li p.message_content{ width:400px;float:left;} .message li.contentb{ width:500px;height:150px; float:left;} .message li.contentb textarea{ width:370px; height:120px;} .message li.yzm{ width:500px;height:60px; float:left;} .message li p.message_yzminput{ width:100px; float:left;} .message li p.message_yzminput input{ width:70px;} .message li p.message_yzmico{ width:100px; height:40px; float:left;} .message li p.message_sub{ width:200px; height:40px; float:left;} .tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;} .blank{width:100%; height:20px; margin-bottom:5px;} /* base */ .base{width:708px;margin:0 auto;overflow: hidden;} .base li{width:708px;height:192px;overflow: hidden;} .base_img{display:block;float:left;width:232px;height:174px;} .base li p{float:left;width:463px;height:39px;background:#252525;margin:0 0 4px 13px;font:16px/39px "microsoft yahei";color:#fff;overflow: hidden;text-indent:16px} .base li p a{color:#fff;} .base li p a:hover{color:#daa424} .base li div{float:left;width:437px;height:105px;overflow: hidden;font:14px/26px "microsoft yahei";padding:13px;margin-left:13px;background:#252525;color:#fff;} /* hr*/ .hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-bottom:20px; background:#efefef; margin-left:20px;_margin-left:10px; } .hrBoxL{ width:100px; float:left; text-align:center; } .hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom} .jobName{ width:380px; float:left;} .hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;} .hrBoxL li.haode{ border-bottom:none;} .hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;} .hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;} .hrBoxR li.topline{ overflow:hidden; height:30px;} .hrBoxR li.topline img{ margin-top:3px;} .hrBoxR li.haode{ border-bottom:none;} .hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;} .tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;} .lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;} .lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;} .lineOneR{ width:509px; float:left; padding-left:10px;} .tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;} .tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;} .tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; } .tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;} .tableMainR li span{display:inline-block;} .tableMainRno{ width:212px; float:left; text-align:left;} .tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;} .tableMainRno li span{display:inline-block;} .input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;} .sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; } .bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; } .lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;} .lineBootR{ width:509px; float:left; padding-left:10px; height:123px;} .are_hr{ width:470px; height:80px; margin-top:11px;} .hr_btn{ width:614px; height:31px; line-height:31px;} .hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;} .hr_btnR{ width:300px; float:left; text-align:center; } .c_red{ color:#f00;} .fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}/* view */ .right_con h1{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#ab5f00;} .view_date{width:100%;text-align:center;font:12px/22px "microsoft yahei";color:#ac794e;margin-top:-12px;} .page{width:100%;height:56px;margin:10px auto;overflow: hidden;position: relative} .page p{width:80%;float:left;height:28px;font:12px/28px "microsoft yahei";color:#ab5f00;overflow: hidden;} .page p a{color:#ab5f00} .page p a:hover,.back:hover{text-decoration: underline} .back{position: absolute;right:0;font:12px/1 "microsoft yahei";color:#ab5f00;top:22px;} /* banner 2014-12-18 */ .banner{ width:100%; position:relative;z-index: 1} #slides { display:block; width:100%; height:479px; list-style:none; padding:0; margin:0; position:relative;z-index:1} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block;position:absolute; left:0; bottom:60px; z-index:888; padding-top:22px; height:35px;width:55%;padding-left:45%;} #pagination li { display:block; list-style:none; width:16px; height:16px; float:left; margin-left:15px; background:#fff;font:12px/16px "microsoft yahei";color:#266600} #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;text-align:center;color:#266600} #pagination li.current { background:#266600;color:#fff} #pagination li.current a{color:#fff} .con_top{z-index:999} .about-1 img{ margin:0 auto} .pagebox{ margin:20px 0 40px 0} .ly{ overflow:hidden; margin:50px 0 0 100px} .ly .k{ width:250px; height:30px; line-height:30px; padding-left:10px; margin-bottom:10px} .ly textarea{ width:400px; height:100px; vertical-align:top} .ly .t{ margin:10px 0 0 60px; width:80px; height:30px; cursor:pointer}